<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../dist/css/index.css">
    <link rel="stylesheet" href="//cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../jquery-1.11.3.js"></script>
    <style>

    </style>
</head>

<body>
    <div class="banxin">
        <!-- 导航 -->
        <div class="dao">
            <span><img src="./pic/logo.png" alt=""></span>
            <a href="">首页</a>
            <a href="wangShang.html">网络商城</a>
            <a href="">店铺信息</a>
            <a href="shenghuo.html">生活良品研究所</a>
            <a href="ziXun.html">问题咨询</a>
            <a href="">人才招聘</a>
            <a href="hezuo.html">店铺合作伙伴</a>
            <a href="">企业情报</a>
            <a href="">何为无印良品</a>
            <span class="soukuang"><img src="./pic/pic1.gif" alt=""><input type="text" placeholder="产品搜索："></span>
            <!-- <span class="sou"><img src="./pic/pic1.gif" alt=""></span> -->
        </div>
        <!-- 从轮播开始有版心，有竖向滚动条 -->
        <!-- 轮播 -->
        <div id="bg">
            <div class='lunBo'>
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner" id="identifier">
                        <div class="item active">
                            <img src="../HTML/pic/lun1.jpg" alt="First slide">
                        </div>
                        <div class="item">
                            <img src="../HTML/pic/lun2.jpg" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="../HTML/pic/lun3.jpg" alt="Third slide">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>

            <!-- 商品内容 -->
            <div class="count">
                <div><a href=""><img src="./pic/190301_ginza_640.png" alt=""></a></div>
                <div><a href=""><img src="./pic/mujihotel_teaser.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/healthcare_640.png" alt=""></a></div>
                <div><a href=""><img src="./pic/weeklymuji_640_11.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/icon_sa.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/keyvisual_640.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/IAIntro.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/20181219.jpg" alt=""></a></div>
            </div>
            <p class="gengduo">更多>></p>
            <!-- 产品 -->
            <div class='chanpin'>
                <h4>产品</h4> <span class="gengduo">网络商城>></span>
                <ul>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                    <a href=""><img src="./pic/nanzhuang.png" alt=""></a>
                </ul>
            </div>
            <!-- 新到商品、推荐商品 -->
            <div class='tuijian'>
                <h4>新到商品</h4>
                <div>
                    <a href=""><img src="./pic/4549738857877_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4550002279868_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4550002460433_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4550002732318_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4550002626303_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4549738540694_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
            </div>
            <!-- 新到商品、推荐商品 -->
            <div class='tuijian'>
                <h4>推荐商品</h4>
                <div>
                    <a href=""><img src="./pic/4547315901074_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4549738307266_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4548718727797_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4548718816019_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4945247697698_01_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
                <div>
                    <a href=""><img src="./pic/4550002509682_01_400.jpg" alt=""></a>
                    <p>美利奴羊毛高针距_圆领毛衣</p>
                </div>
            </div>
            <div class='fuwu'>
                <h4>店铺服务</h4>
                <div><a href=""><img src="./pic/mujilabo.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/passport_640_2.png" alt=""></a></div>
                <div><a href=""><img src="./pic/mujibooks.png" alt=""></a></div>

            </div>
            <div class="huodong">
                <h4>活动一览</h4>
                <div><a href=""><img src="./pic/atliermuji_640_190802.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/idee_640.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/openmuji-sh755_640.jpg" alt=""></a></div>
            </div>
            <div class="huodong">
                <h4>宣传视频</h4>
                <div><a href=""><img src="./pic/tshirt.png" alt=""></a></div>
                <div><a href=""><img src="./pic/healthcare_640.png" alt=""></a></div>
                <div><a href=""><img src="./pic/20190509final.png" alt=""></a></div>
            </div>
            <div class="huodong">
                <h4>生活良品研究所</h4>
                <div><a href=""><img src="./pic/lab_170430_01.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/lab_170510_01.jpg" alt=""></a></div>
                <div><a href=""><img src="./pic/superstar_640.jpg" alt=""></a></div>
            </div>
            <div class='xiaoxi'>
                <h3>最新消息</h3>
                <p>2019.8.30</p>
                <h4>無印良品 温州万象城 8月30日（周五）盛大开业</h4>
                <p>2019.8.30</p>
                <h4>無印良品 镇江协信星光时代广场 8月30日（周五）盛大开业</h4>
                <p>2019.8.30</p>
                <h4>無印良品 厦门中华城 8月23日（周日）改装开业</h4>
                <h3>启示声明</h3>
                <h4>关于家具抽检情况说明</h4>
            </div>
            <!-- 底            部 -->
            <div class="bgfoot">
                <div class="weixin">
                    <img src="./pic/misc_wechat.png" alt="">
                    <img src="./pic/misc_weibo.png" alt="">
                    <img class="" src="./pic/misc_passport.png" alt="">
                </div>
                <div class="xinxi">
                    <ul>
                        <li><a href="">网络商城</a></li>
                        <li><a href="">店铺信息</a></li>
                        <li><a href="">生活良品研究所</a></li>
                    </ul>
                    <ul>
                        <li><a href="">Open MUJI</a></li>
                        <li><a href="">ATELIER MUJI</a></li>
                        <li><a href="">MUJI Diner</a></li>
                        <li><a href="">Meal MUJI</a></li>
                        <li><a href="">MUJI BOOKS</a></li>
                    </ul>
                    <ul>
                        <li><a href="">商品目录</a></li>
                        <li><a href="">隐私与个人信息保护政策</a></li>
                    </ul>
                    <ul>
                        <li><a href="">问题咨询</a></li>
                        <li><a href="">店铺合作伙伴</a></li>
                        <li><a href="">人才招聘</a></li>
                        <li><a href="">MUJI message</a></li>
                        <li><a href="">企业情报</a></li>
                    </ul>
                    <ul>
                        <li><a href=""><img src="./pic/flag_cn.png" alt=""></a></li>
                        <li><a href=""><img src="" alt="">中国</a></li>

                    </ul>
                    <div class="gongshang1">
                        <span>©&nbsp;Ryohin Keikaku Co., Ltd.</span>
                        <span>© 无印良品（上海）商业有限公司 地址：上海市静安区南京西路1601号35楼3501-3508室</span>
                        <span>沪ICP备08018225号</span>
                        <span>
                            <img src="./pic/icon-police.png" alt="">
                            沪公网安备31010602002779号
                        </span>
                        <span> <img src="./pic/icon-police.png" alt="">上海工商</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script>

</script>

</html>